<template>
  <a-carousel autoplay>
    <a-carousel-item v-for="notification in notifications" :key="notification.id">
      {{ notification.content }}
    </a-carousel-item>
  </a-carousel>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';
import { useNotificationStore } from '../stores/notificationStore';

const notificationStore = useNotificationStore();

onMounted(() => {
  notificationStore.fetchNotifications();
});

const notifications = notificationStore.notifications;
</script>

<style scoped>


</style>
